<!--工资列表页-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">
<!-- TopJUI框架样式 -->
<link type="text/css" href="../../general/topjui/themes/default/topjui.core.min.css" rel="stylesheet">
<link type="text/css" href="../../general/topjui/themes/default/topjui.blue.css" rel="stylesheet" id="dynamicTheme" />
<!-- FontAwesome字体图标 -->
<link type="text/css" href="../../general/static/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<!-- layui框架样式 -->
<link type="text/css" href="../../general/static/plugins/layui/css/layui.css" 	rel="stylesheet" />
<!-- jQuery相关引用 -->
<script type="text/javascript" src="../../general/static/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../general/static/plugins/jquery/jquery.cookie.js"></script>
<!-- TopJUI框架配置 -->
<script type="text/javascript" src="../../general/static/public/js/topjui.config.js"></script>
<!-- TopJUI框架核心-->
<script type="text/javascript" src="../../general/topjui/js/topjui.core.min1.js"></script>
<!-- TopJUI中文支持 -->
<script type="text/javascript" src="../../general/topjui/js/locale/topjui.lang.zh_CN.js"></script>
<!-- layui框架js -->
<script type="text/javascript" src="../../general/static/plugins/layui/layui.js" charset="utf-8"></script>

<!--自定义的样式-->
<link type="text/css" href="../a_allcommon/all.css" 	rel="stylesheet" />

</head>
<body>
	<div class="page_box">
		<!--原查询区div开始-->
		<!-- <div class="query_box">
			<span style="padding: 10px;"></span>
			<a href="javascript:void(0)" data-toggle="topjui-menubutton"
			data-options="iconCls: 'fa fa-plus',btnCls:'topjui-btn-blue'" onclick="openAddDiag()">新增</a>
			<span style="padding: 50px;"></span>
			<form id="queryForm">
				项目名称：
				<input type="text" name="q_gz_xiangmu_name" data-toggle="topjui-textbox"
					data-options="id:'q_gz_xiangmu_name',prompt:'请输入项目名称',width:150">
				<span style="padding: 5px;"></span>
				开始时间：
				<input type="text" name="q_start_time" data-toggle="topjui-datebox" 
					data-options="id:'q_start_time',prompt:'请选择开始时间',width:200">
				<span style="padding: 5px;"></span>
				截止时间：
				<input type="text" name="q_end_time" data-toggle="topjui-datebox" 
					data-options="id:'q_end_time',prompt:'请选择截止时间',width:200">
				<span style="padding: 5px;"></span>
				<a href="javascript:doSubmit(1,20)" data-toggle="topjui-menubutton"
					 data-options="iconCls:'fa fa-search',btnCls:'topjui-btn-blue'">查询</a> 
			</form>
		</div> --> 
		<!--原查询区div结束-->
		
		<!--新查询区div开始-->
		<div class="qb_div">
			<div class="qb_div_LR"> <!--新增区域（便于输入，提前赋值）-->
				<div class="lineAll line1">
					<span style="padding: 22px;"></span>
					新增薪资数据固定信息：
					<span style="padding: 10px;"></span>
					<a href="javascript:void(0)" data-toggle="topjui-menubutton"
					   data-options="iconCls: 'fa fa-plus',btnCls:'topjui-btn-blue'" 
						 onclick="openAddDiag()">新增</a>
				</div>
				<div class="lineAll">
					<div class="lineL">项目名称:</div>
					<div class="lineR">
						<input type="hidden" name="i_xiangmu_id" id="i_xiangmu_id">
						<input type="text" name="i_xiangmu_name" id="i_xiangmu_name"
						       data-toggle="topjui-combobox"
						       data-options="prompt:'请选择项目名称',
						                  	 panelHeight:150,
																 onSelect:function(node){
																		$('#i_xiangmu_id').val(node.id);
																 },
						                   	 valueField:'zidian_value',
						                   	 textField:'zidian_value'">
					</div>
					<div class="lineL">年月:</div>
					<div class="lineR">
						<input type="text" name="i_shijian" 
						       data-toggle="topjui-datebox" 
									 data-options="id:'i_shijian',prompt:'请选择年月',width:125">
					</div>
				</div>
			</div>
			<div class="qb_div_LR"> <!--原先的条件查询区域-->
				<div class="lineAll line1">
					<span style="padding: 6px;"></span>
					表格条件查询部分：
					<span style="padding: 10px;"></span>
					<a href="javascript:doSubmit(1,20)" data-toggle="topjui-menubutton"
						 data-options="iconCls:'fa fa-search',btnCls:'topjui-btn-blue'">查询</a>
				</div>
				<div class="lineAll">
					<div class="lineL">项目名称:</div>
					<div class="lineR">
						<input id="q_gz_xiangmu_name" type="text" name="q_gz_xiangmu_name" 
						       data-toggle="topjui-textbox"
						       data-options="prompt:'项目名称'">
					</div>
					<div class="lineL">开始时间:</div>
					<div class="lineR line2R">
						<input type="text" name="q_start_time" data-toggle="topjui-datebox"
							data-options="id:'q_start_time',prompt:'请选择开始时间',width:125">
					</div>
					<div class="lineL">截止时间:</div>
					<div class="lineR line2R">
						<input type="text" name="q_end_time" data-toggle="topjui-datebox"
							data-options="id:'q_end_time',prompt:'请选择截止时间',width:125">
					</div>
				</div>
			</div>
			
		</div>
		<!--新查询区div结束-->
		
		<div class="grid_box">
			<!-- datagrid表格（fitColumns:true表示限制滚动条，fitColumns:false表示允许滚动条）-->
			<table data-toggle="topjui-datagrid" class="productDg1" 
			       data-options="id:'b_gzTable',fitColumns:true,remoteSort:false,rownumberWidth:39">
				<thead>
					<tr>
						<th data-options="field:'gz_xiangmu_name',title:'项目名称',sortable:true,width:250,align:'center'"></th>
						<th data-options="field:'gz_shijian',title:'年月',formatter:fmt_riqi,sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_gongzhong_name',title:'工种',sortable:true,width:60,align:'center'"></th>
						<th data-options="field:'gz_xingming',title:'姓名',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_siling',title:'司龄(年)',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_gongzi',title:'工资(元)',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_bx_shebao',title:'社保(元)',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_bx_shangbao',title:'商保(元)',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_gongjijin',title:'公积金(元)',sortable:true,width:90,align:'center'"></th>
						<th data-options="field:'gz_geshui',title:'个税(元)',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_jiaban',title:'加班(元)',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_heji',title:'合计(元)',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'gz_zhuangtai',title:'状态',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'operate',title:'操作',formatter:operateFormatter,width:100,align:'left'"></th>
					</tr>
				</thead>
			</table>
		</div> <!--表格区div结束-->
		
	</div>
<script>
var HTMC_LIST=[]; //用于保存字典中项目名称下拉框的数据
var B_HT_LIST=[]; //用于保存同名称下的合同列表（用于填充对应合同区间下拉）

var GZh_LIST=[]; //保存工种字典选择下拉
$(function(){
	riqi_YM("#i_shijian");
	riqi_YM("#q_start_time");
	riqi_YM("#q_end_time");
	getA_ZDList("项目名称"); //取字典中项目名称集合
	getA_ZDList("工种"); //取字典中品牌集合
	doSubmit(1,20);//获取工资表格数据
});

//根据键名取字典中的键值列表（用于填充项目名称、结款方式、验收人、这三个选择下拉）
function getA_ZDList(zidian_name){
	var formData={};
	formData.zidian_name=zidian_name;
	$.ajax({
		url:"/a_ZD/getA_ZDList",
		dataType:"JSON",
		type:"POST",
		data:formData,
		success:function(data){
			console.log("获取字典中键名为"+zidian_name+"的键值集合返回值data.rows==",data.rows);
			if(zidian_name=="项目名称"){
				HTMC_LIST=data.rows;
				$('#i_xiangmu_name').iCombobox('loadData',HTMC_LIST); //加载新补充的新增固定项项目名称下拉
			}
			if(zidian_name=="工种"){
				GZh_LIST=data.rows;
			}
		}
	});
}

//计算合计（数字框变化时触发）
function jisuan(){
	var gz_gongzi=$('#gz_gongzi').iNumberbox('getValue'); //工资
	if(gz_gongzi==''){
		gz_gongzi=0;
	}else{
		gz_gongzi=parseFloat(gz_gongzi);
	}
	var gz_bx_shebao=$('#gz_bx_shebao').iNumberbox('getValue'); //社保
	if(gz_bx_shebao==''){
		gz_bx_shebao=0;
	}else{
		gz_bx_shebao=parseFloat(gz_bx_shebao);
	}
	var gz_bx_shangbao=$('#gz_bx_shangbao').iNumberbox('getValue'); //商保
	if(gz_bx_shangbao==''){
		gz_bx_shangbao=0;
	}else{
		gz_bx_shangbao=parseFloat(gz_bx_shangbao);
	}
	var gz_gongjijin=$('#gz_gongjijin').iNumberbox('getValue'); //公积金
	if(gz_gongjijin==''){
		gz_gongjijin=0;
	}else{
		gz_gongjijin=parseFloat(gz_gongjijin);
	}
	var gz_geshui=$('#gz_geshui').iNumberbox('getValue'); //个税
	if(gz_geshui==''){
		gz_geshui=0;
	}else{
		gz_geshui=parseFloat(gz_geshui);
	}
	var gz_jiaban=$('#gz_jiaban').iNumberbox('getValue'); //加班
	if(gz_jiaban==''){
		gz_jiaban=0;
	}else{
		gz_jiaban=parseFloat(gz_jiaban);
	}
	var z=gz_gongzi+gz_bx_shebao+gz_bx_shangbao+gz_gongjijin+gz_geshui+gz_jiaban; //6项之和
	$('#gz_heji').iNumberbox('setValue', z);
}
//处理日期控件只显示“yyyy-MM”
function riqi_YM(inputId){
	$(inputId).datebox({
		onShowPanel : function() {// 显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
			span.trigger('click'); // 触发click事件弹出月份层
			if (!tds)
				setTimeout(function() {// 延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
					tds = p.find('div.calendar-menu-month-inner td');
					tds.click(function(e) {
						e.stopPropagation(); // 禁止冒泡执行easyui给月份绑定的事件
						var year = /\d{4}/.exec(span.html())[0]// 得到年份
						, month = parseInt($(this).attr('abbr'), 10) + 1; // 月份
						$(inputId).datebox('hidePanel')// 隐藏日期对象
						.datebox('setValue', year + '-' + month); // 设置日期的值
					});
				}, 0);
		},
		parser : function(s) {// 配置parser，返回选择的日期
			if (!s)
				return new Date();
			var arr = s.split('-');
			return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
		},
		formatter : function(d) {
			if (d.getMonth() == 0) {
				return d.getFullYear()-1 + '-' + 12;
			} else {
				var tm=d.getMonth();
				if(tm<10){
					return d.getFullYear() + '-0' + d.getMonth();
				}else{
					return d.getFullYear() + '-' + d.getMonth();
				}
			}
		}// 配置formatter，只返回年月
	});
	var p = $(inputId).datebox('panel'), // 日期选择对象  '#'+inputId+''
	tds = false, // 日期选择对象中月份
	span = p.find('span.calendar-text'); // 显示月份层的触发控件
}
//处理日期的显示
function fmt_riqi(value, row, index) {
	//debugger;
	var htmlstr ='';
	var a=value.substr(0,7);
	htmlstr+=a;
	return htmlstr;
}
//表头“操作”栏，formatter定义，这里面可以自定义按钮样式
function operateFormatter(value, row, index) {
	//debugger;
	var htmlstr ='';
	htmlstr += '<button class="layui-btn layui-btn-xs" onclick="openEditDiag(\''+row.id+'\')">编辑</button>';
	htmlstr += '<button class="layui-btn layui-btn-xs layui-btn-danger" onclick="deleteRow(\''+row.id+'\')">删除</button>';
	return htmlstr;
}

//新增工资数据
function openAddDiag(){
	var formData={}; //b_gz_add.html
	var $addDialog = $('<form id="b_gzDg-add" style="width: 900px; height:600px; margin: auto; display: none;"></form>');
	var diag = $addDialog.dialog({
		title: '新建工资数据',
		href: 'b_gz_add.html',
		modal: true,
		resizable:true,
		maximizable:true,
		collapsible:true,
		buttons:[{
			text:'保存',
			iconCls: 'fa fa-save',
			btnCls: 'topjui-btn-green',
			handler:function(){
				//验证框架（就是必填项必须要填）if开始			
				if($('#b_gzDg-add').form('validate')) {
					//提示框开始
					$.messager.confirm("操作提示", "确定新建此工资数据吗？", function (data) {
						if(data){
							//提交代码块开始
							//var formData=$("#b_gzDg-add").serialize();
							debugger;
							var formData={};
							var gz_xiangmu_id=$('#gz_xiangmu_id').val(); //所属项目id
							formData.gz_xiangmu_id=gz_xiangmu_id;
							
							var gz_xiangmu_name=$('#gz_xiangmu_name').iCombobox('getValue'); //项目名称 
							formData.gz_xiangmu_name=gz_xiangmu_name;
							
							var gz_shijian=$('#gz_shijian').iDatebox('getValue').substr(0,7); //工资日期 
							formData.gz_shijian=gz_shijian+"-15 00:00:00";
							
							var gz_gongzhong_name=$('#gz_gongzhong_name').iCombobox('getValue'); //工种
							formData.gz_gongzhong_name=gz_gongzhong_name;
							
							var gz_xingming=$('#gz_xingming').iTextbox('getValue').trim(); //姓名
							formData.gz_xingming=gz_xingming;
							
							var gz_siling=$('#gz_siling').iNumberbox('getValue'); //司龄
							formData.gz_siling=gz_siling;
							
							var gz_gongzi=$('#gz_gongzi').iNumberbox('getValue'); //工资
							formData.gz_gongzi=gz_gongzi;
							
							var gz_bx_shebao=$('#gz_bx_shebao').iNumberbox('getValue'); //(保险)社保
							formData.gz_bx_shebao=gz_bx_shebao;
							
							var gz_bx_shangbao=$('#gz_bx_shangbao').iNumberbox('getValue'); //(保险)商保
							formData.gz_bx_shangbao=gz_bx_shangbao;
							
							var gz_gongjijin=$('#gz_gongjijin').iNumberbox('getValue'); //公积金
							formData.gz_gongjijin=gz_gongjijin;
							
							var gz_geshui=$('#gz_geshui').iNumberbox('getValue'); //个税
							formData.gz_geshui=gz_geshui;
							
							var gz_jiaban=$('#gz_jiaban').iNumberbox('getValue'); //加班费
							formData.gz_jiaban=gz_jiaban;
							
							var gz_heji=$('#gz_heji').iNumberbox('getValue'); //合计
							formData.gz_heji=gz_heji;
														
							var gz_zhuangtai=$('#gz_zhuangtai').iCombobox('getValue'); //状态
							formData.gz_zhuangtai=gz_zhuangtai;
							
							debugger;
							$.iMessager.progress({
								text: '正在操作...'
							});
							$.ajax({
								url:"/b_GZ/insertB_GZ",
								dataType:"JSON",
								type:"POST",
								data:formData,
								success:function(data){
									console.log("新增工资返回值==",data);
									if(data.status=='success'){ 
										$.iMessager.show({title: '我的消息', msg: '操作成功', timeout: 2000, showType: 'slide'});// '消息窗口'组件
										//刷新表格数据采用主动请求的方式
										doSubmit(1,20);
										diag.dialog("destroy");// 销毁dialog面板
									}else{
										$.iMessager.show({title: '我的error消息', msg: data.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
									}
								},
								error:function(err){
									console.log("新增工资接口错误==",err);
									$.iMessager.show({title: '接口错误消息', msg: err, timeout: 5000, showType: 'slide'});// '消息窗口'组件
								},
								complete:function(){
									$.iMessager.progress('close');//无论成功与否，都会关闭进度条；
								}
							}); //提交代码块结束
						}else {}
					});	//提示框结束
				} //验证框架（就是必填项必须要填）if结束		
			}
		},{
			text:'关闭',
			iconCls: 'fa fa-close',
			btnCls: 'topjui-btn-red',
			handler:function(){diag.dialog("destroy");}
		}],
		onClose: function () {
			$(this).dialog('destroy');//销毁
		},
		onLoad :function(){
			//1：加载项目名称下拉
			$('#gz_xiangmu_name').iCombobox('loadData',HTMC_LIST); 
			//2：加载工种
			$('#gz_gongzhong_name').iCombobox('loadData',GZh_LIST);
			//3：处理特殊情况（时间控件只有年月）
			//riqi_YM('#gz_shijian');
			
			//5：加载新补充的新增固定项（预置项）
			var i_xiangmu_name=$('#i_xiangmu_name').iCombobox('getValue'); //项目名称 
			var i_xiangmu_id=$('#i_xiangmu_id').val(); //所属项目id
			var i_shijian=$('#i_shijian').iDatebox('getValue'); //薪资年月
			if(i_xiangmu_name != ""){
				$('#gz_xiangmu_name').iCombobox('setValue', i_xiangmu_name);
			}
			if(i_xiangmu_id != ""){
				$('#gz_xiangmu_id').val(i_xiangmu_id);
			}
			
			if(i_shijian != ""){
				i_shijian=i_shijian+"-15"; //处理为年月15日的格式
				$('#gz_shijian').iDatebox('setValue',i_shijian); //薪资年月
			}
		},
	});
	$addDialog.dialog('open');
}

//打开编辑页面
function openEditDiag(id){
	//先取实体对象
	$.ajax({
		url:"/b_GZ/getB_GZ",
		dataType:"JSON",
		type:"POST",
		data:{
			id:id,
		},
		success:function(data){
			openDialog(data.b_GZ);//调用下面的用于回显的打开对话框函数
		}
	});
}
//再打开编辑对话框：由openEditDiag(id)函数末尾调用
function openDialog(d){
	debugger;
	var $updateDialog = $('<form id="b_gzDg-update"  style="width: 900px; height: 600px; margin: auto; display: none;"></form>');
	var diag = $updateDialog.dialog({
		title: '编辑工资数据',
		href: 'b_gz_add.html',
		modal: true,
		resizable:true,
		maximizable:true,
		collapsible:true,
		//按钮定义
		buttons:[{
			text:'保存',
			iconCls: 'fa fa-save',
			btnCls: 'topjui-btn-green',
			handler:function(){
				if($('#b_gzDg-update').form('validate')){ //验证框架开始
					//提示框开始
					$.messager.confirm("操作提示", "确定编辑此工资数据吗？", function (data) {
						if(data){
							//提交代码块开始
							//var formData=$("#b_gzDg-add").serialize();
							var formData={};
							formData.id=d.id; //主键赋值
							
							var gz_xiangmu_id=$('#gz_xiangmu_id').val(); //所属项目id
							formData.gz_xiangmu_id=gz_xiangmu_id;
							
							var gz_xiangmu_name=$('#gz_xiangmu_name').iCombobox('getValue'); //项目名称 
							formData.gz_xiangmu_name=gz_xiangmu_name;
							
							// var gz_shijian=$('#gz_shijian').iDatebox('getValue'); //工资日期 
							// formData.gz_shijian=gz_shijian+"-01 00:00:00";
							var gz_shijian=$('#gz_shijian').iDatebox('getValue').substr(0,7); //工资日期
							formData.gz_shijian=gz_shijian+"-15 00:00:00";
							
							var gz_gongzhong_name=$('#gz_gongzhong_name').iCombobox('getValue'); //工种
							formData.gz_gongzhong_name=gz_gongzhong_name;
							
							var gz_xingming=$('#gz_xingming').iTextbox('getValue').trim(); //姓名
							formData.gz_xingming=gz_xingming;
							
							var gz_siling=$('#gz_siling').iNumberbox('getValue'); //司龄
							formData.gz_siling=gz_siling;
							
							var gz_gongzi=$('#gz_gongzi').iNumberbox('getValue'); //工资
							formData.gz_gongzi=gz_gongzi;
							
							var gz_bx_shebao=$('#gz_bx_shebao').iNumberbox('getValue'); //(保险)社保
							formData.gz_bx_shebao=gz_bx_shebao;
							
							var gz_bx_shangbao=$('#gz_bx_shangbao').iNumberbox('getValue'); //(保险)商保
							formData.gz_bx_shangbao=gz_bx_shangbao;
							
							var gz_gongjijin=$('#gz_gongjijin').iNumberbox('getValue'); //公积金
							formData.gz_gongjijin=gz_gongjijin;
							
							var gz_geshui=$('#gz_geshui').iNumberbox('getValue'); //个税
							formData.gz_geshui=gz_geshui;
							
							var gz_jiaban=$('#gz_jiaban').iNumberbox('getValue'); //加班费
							formData.gz_jiaban=gz_jiaban;
							
							var gz_heji=$('#gz_heji').iNumberbox('getValue'); //合计
							formData.gz_heji=gz_heji;
														
							var gz_zhuangtai=$('#gz_zhuangtai').iCombobox('getValue'); //状态
							formData.gz_zhuangtai=gz_zhuangtai;
							
							debugger;
							$.iMessager.progress({
								text: '正在操作...'
							});
							$.ajax({
								url:"/b_GZ/updateB_GZ",
								dataType:"JSON",
								type:"POST",
								data:formData,
								success:function(data){
									console.log("编辑工资返回值==",data);
									if(data.status=='success'){ 
										$.iMessager.show({title: '我的消息', msg: '操作成功', timeout: 2000, showType: 'slide'});// '消息窗口'组件
										//刷新表格数据采用主动请求的方式
										doSubmit(1,20);
										diag.dialog("destroy");// 销毁dialog面板
									}else{
										$.iMessager.show({title: '我的error消息', msg: data.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
									}
								},
								error:function(err){
									console.log("编辑工资接口错误==",err);
									$.iMessager.show({title: '接口错误消息', msg: err, timeout: 5000, showType: 'slide'});// '消息窗口'组件
								},
								complete:function(){
									$.iMessager.progress('close');//无论成功与否，都会关闭进度条；
								}
							}); //提交代码块结束
						}else {}
					});	//提示框结束
				} //验证框架结束
			}
		},{
			text:'关闭',
			iconCls: 'fa fa-close',
			btnCls: 'topjui-btn-red',
			handler:function(){diag.dialog("destroy");}
		}], //按钮定义结束
		
		//对话框函数定义
		onClose: function () {
			$(this).dialog('destroy');//销毁
		},
		onLoad :function(){
			//1：加载项目名称下拉
			$('#gz_xiangmu_name').iCombobox('loadData',HTMC_LIST); 
			//2：加载工种
			$('#gz_gongzhong_name').iCombobox('loadData',GZh_LIST);
			//3：处理特殊情况（时间控件只有年月）
			//riqi_YM('#gz_shijian');
			//5：回显数据
			$('#b_gzDg-update').form('load',d);
			
			//6：年月时间选择控件需要重新赋值
			//var gz_shijian=d.gz_shijian.substr(0,7);
			//$('#gz_shijian').iDatebox('setValue',gz_shijian);
		}
	}); //dialog定义结束
	$updateDialog.dialog('open');
}
//删除合同（项目）
function deleteRow(id){
	//debugger;
	$.messager.confirm("操作提示", "是否删除本条工资数据？", function (data) {
		if(data) {
			$.iMessager.progress({
				text: '正在操作...'
			});
			$.ajax({
				url:"/b_GZ/delB_GZ",
				dataType:"JSON",
				type:"POST",
				data:{
					"id":id,
				},
				success:function(data){
					console.log("删除工资返回值==",data);
					if(data.status=='success'){ 
						$.iMessager.show({title: '我的消息', msg: '操作成功', timeout: 2000, showType: 'slide'});// '消息窗口'组件
						//刷新表格数据采用主动请求的方式
						doSubmit(1,20);
					}else{
						$.iMessager.show({title: '我的error消息', msg: data.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
					}
				},
				error:function(err){
					console.log("删除工资接口错误==",err);
					$.iMessager.show({title: '接口错误消息', msg: err, timeout: 5000, showType: 'slide'});// '消息窗口'组件
				},
				complete:function(){
					$.iMessager.progress('close');//无论成功与否，都会关闭进度条；
				}
			}); 
		}else {}
	}); //提示框结束
}

/*************************************表格相关方法****************************************/
/********使用ajax返回的数据的方式加载表格（如下2个主要方法）*******/
//表格主查询（包含条件查询）
function doSubmit(pageIndex,pageSize){
	var formData={};
	formData.pageIndex=pageIndex;
	formData.pageSize=pageSize;
	//1：取查询参数 
	var q_gz_xiangmu_name=$('#q_gz_xiangmu_name').iTextbox('getValue').trim(); 
	if(q_gz_xiangmu_name!=''){
		formData.gz_xiangmu_name=q_gz_xiangmu_name;
	}
	var q_start_time=$('#q_start_time').iDatebox('getValue');
	var q_end_time=$('#q_end_time').iDatebox('getValue');
	if(q_start_time!=''){
		formData.start_time=q_start_time+"-01 00:00:00";
	}
	if(q_end_time!=''){
		formData.end_time=q_end_time+"-28 23:59:59";
	}
	//验证结束时间不能早于开始时间
	if(q_start_time!='' && q_end_time!=''){
		var start=new Date(q_start_time);
		var end=new Date(q_end_time);
		if(end.getTime()<start.getTime()){
			$.iMessager.alert('警告', '结束时间不能早于开始时间！', 'messager-warning');
			return;
		}
	}
	debugger;
	//2：执行ajax查询请求
	$.ajax({
		url:"/b_GZ/getB_GZList",
		dataType:"JSON",
		type:"POST",
		data:formData,
		success:function(data){
			console.log(data.rows);
			debugger;
			//3：fillDatagrid(data)函数加载表格
			fillDatagrid(data);//调用分页表格数据加载主函数
		}
	});
}

/********使用ajax返回的数据的方式加载表格（如下2个主要方法）*******/
//参数为ajax调用的返回值
function fillDatagrid(data){
	//第1步：取基础参数
	var rows=data.rows;
	var pageIndex=data.pageIndex;
	var pageSize=data.pageSize;
	//第2步：初始化表格
	$('#b_gzTable').datagrid({   
			url:null,
			data:data, //参数传过来的data就有了数据array，页码，页尺寸
			pagination:true,   
			pageSize:pageSize,   
			pageNumber:pageIndex,   
			rownumbers:true  
	});
	//第二步：再取分页对象，并定义点击分页按钮触发的事件（并使用自定义）
	$('#b_gzTable').datagrid('getPager').pagination({   
			onSelectPage : function(pPageIndex, pPageSize) {   
				//alert('页数:'+pPageIndex+',每页数据条数:'+pPageSize);
				doSubmit(pPageIndex,pPageSize);
			}   
	});
}
/********使用ajax返回的数据的方式加载表格（如上2个主要方法）*******/

</script>
</body>
</html>